<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>商城网站</title>
    <link rel="stylesheet" href="./style/reset.css" />
    <link rel="stylesheet/less" href="./style/app.less" />
    <link rel="stylesheet/less" href="./style/login.less">
    <script src="node_modules/jquery/dist/jquery.js"></script>
    <script src="node_modules/less/dist/less.js"></script>
  </head>
  <body>
    <header>

      <div class="top_nav">
        <div class="container">
          <ul class="left_nav">
            <li><a href="">你好欢迎来到菜市场！</a></li>
            <li class="login" data-type="login">
              <a href="" data-type="login">请登录</a>
            </li>
            <li class="register">
              <a data-type="register" href="">免费注册</a>
            </li>
          </ul>
          <ul class="right_nav">
            <li><a href="">购物车</a></li>
            <li><a href="">服务热线:<span>8004001234</span></a></li>
          </ul>
        </div>
      </div>

      <div class="top_search_container"></div>
      <nav class="top_sub_nav_container"></nav>
      <nav class="top_banner_container"></nav>

    </header>

    <div class="main"></div>

    <footer></footer>

    <script src="./js/app.js">
    </script>

  </body>
</html>
